/*英语四六级成绩管理*/
<template>
  <div>
    <div v-if="indexKey === 1">
      <condition-card @reset="resetSearch" @search="onSearch" label-position="right" label-width="150px">
        <el-row :gutter="24" style="height: 50px;">
          <el-col :span="8">
            <!-- :defaulted='false' -->
            <el-form-item :label="$t('englishScoreManage.semester')">
              <CalendarSelect v-model="queryForm.condition.calendarId" @load-done="loadDone" @input='changeInput'></CalendarSelect>
            </el-form-item>
          </el-col>
          <el-col :span="8">
              <el-form-item :label="$t('englishScoreManage.testBatch')">
                  <el-input v-model="queryForm.condition.batchNo"></el-input>
              </el-form-item>
          </el-col>
          <el-col :span="8">
              <el-form-item :label="$t('englishScoreManage.testSubjects')">
                  <el-select v-model="queryForm.condition.subjectName" clearable style="width: 100%">
                      <el-option
                          v-for="item in options.profession"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value">
                      </el-option>
                  </el-select>
              </el-form-item>
          </el-col>
          <el-col :span="8">
              <el-form-item :label="$t('cetStatistics.studentType')">
                  <el-select v-model="queryForm.condition.educationTag" clearable style="width: 100%">
                      <el-option label="本科生" :value="1"> </el-option>
                      <el-option label="研究生" :value="2"> </el-option>
                  </el-select>
              </el-form-item>
          </el-col>
        </el-row>
      </condition-card>
      <el-card shadow="never" v-loading="loading" body-style="padding: 24px;" class="card-margin">
        <h1 class="condition-title">{{$t('englishScoreManage.management')}}</h1>
        <div class="float-left">
          <el-input
            v-model.trim="queryForm.condition.student"
            :placeholder="$t('englishScoreManage.nameSearchNumber')"
            style="width:250px"
            @keyup.enter.native="onSubmit">
              <i slot="suffix"
                class="el-icon-search"
                style="margin-top:10px;cursor:pointer"
                @click="onSubmit">
              </i>
          </el-input>
        </div>
        <div class="edu-opertion-bar sub-title">
          <div class="float-right" style="display: flex;">
            <el-button type="primary" @click="exportTimeSetting">{{$t('englishScoreManage.report')}}</el-button>
            <el-button type="primary" @click="exportDerive">{{$t('englishScoreManage.statistics')}}</el-button>
            <el-button v-premit="'importScore_quan'" type="primary" @click="exportLead">{{$t('englishScoreManage.lead')}}</el-button>

          </div>
        </div>
        <edu-table :pagination="false" :tooltipEffect="tooltipEffect" stripe :data="dataList" size="mini" @selection-change="handleSelectionChange">
          <edu-table-column :label="$t('englishScoreManage.name')" prop="studentName"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.idNumber')" prop="idCardNo"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.studentNumber')" prop="studentId"></edu-table-column>
          <!-- <edu-table-column :label="$t('englishScoreManage.belongsSchool')" prop="trainingTypeStr"></edu-table-column> -->
          <edu-table-column :label="$t('englishScoreManage.certificateType')" prop="idCardType"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.educa')" prop="educationTag">
          <template slot-scope="scope">
            <div v-if='scope.row.educationTag'>
              <span v-if="scope.row.educationTag==1">本科生</span>
              <span v-if="scope.row.educationTag==2">研究生</span>
              <span v-if="scope.row.educationTag==4">在职研究生</span>
            </div>
            <span v-else></span>
          </template>
          </edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.eductionalSystme')" prop="educationalSystem"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.enrollmentYear')" prop="entranceYear"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.college')" prop="collegeAcademyI18n"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.major')" prop="majorI18n"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.grade')" prop="grade"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.classGrade')" prop="className" ></edu-table-column>
          <!-- <edu-table-column :label="$t('englishScoreManage.remarksIdCard')" prop="trainingTypeStr" width='130px'></edu-table-column> -->
          <edu-table-column :label="$t('englishScoreManage.ticketNumber')" prop="writtenExamCardNo" width='120px'></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.testSubjects')" prop="writtenSubjectName" width='100px'></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.testRegistrationNumber')" prop="writtenSignUpNo" width='100px'></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.testSchool')" prop="writtenSignUpSchool" width='120px'></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.testSchoolCampus')" prop="writtenSignUpCampus" width='120px'></edu-table-column>
          <!-- <edu-table-column :label="$t('englishScoreManage.lackTest')" prop="trainingTypeStr"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.discipline')" prop="trainingTypeStr"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.disciplineType')" prop="trainingTypeStr"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.impairment')" prop="trainingTypeStr" width='120px'></edu-table-column> -->
          <!-- <edu-table-column :label="$t('englishScoreManage.reportNumber')" prop="trainingTypeStr" width='120px'></edu-table-column> -->
          <edu-table-column :label="$t('englishScoreManage.reportNo')" prop="gradeNumber"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.writtenTestScore')" prop="score" width='120px'></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.listeningScores')" prop="listening"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.ReadingScores')" prop="reading"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.combinedScore')" prop="composite"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.compositionScores')" prop="writing"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.admissionTicketNumber')" prop="oralExamCardNo" width='120px'></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.oralSubjec')" prop="oralSubjectName" width='120px'></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.oralRegistration')" prop="oralSignUpNo"></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.oralRegistrationSchool')" prop="oralSignUpSchool" width='120px'></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.oralRegistrationCampus')" prop="oralSignUpCampus" width='120px'></edu-table-column>
          <edu-table-column :label="$t('englishScoreManage.oralScores')" prop="oralScore">

          </edu-table-column>

        </edu-table>
        <el-row type="flex" class="row-bg" justify="end">
          <el-col>
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="queryForm.pageNum_"
                :page-sizes="[20, 40, 80, 100]"
                :page-size="queryForm.pageSize_"
                layout="total, sizes, prev, pager, next, jumper"
                :total="queryForm.total_"
                style="float:right;margin-top:10px"
              ></el-pagination>
          </el-col>
        </el-row>
      </el-card>
      <el-dialog
        :title="$t('englishScoreManage.listRmport')"
        :visible.sync="listRmportVisible"
        width="30%"
        :close-on-click-modal='false'
        :before-close="cancelRmport">
        <el-form ref="queryFormRmport" :rules="rulesRmport" :model="queryFormRmport" label-width="80px">
          <!-- <el-col :span="8"> -->
            <el-form-item :label="$t('englishScoreManage.semester')" prop="calendarId">
              <CalendarSelect v-model="queryFormRmport.calendarId" @load-done="loadDoneRmport" @input='changeInputRmport'></CalendarSelect>
            </el-form-item>
            <el-form-item :label="$t('englishScoreManage.lead')" prop="enclosureFileName">
              <el-upload
                class="upload-demo"
                v-model="queryFormRmport.enclosureFileName"
                :http-request='changeRequest'
                action=""
                :headers="{'X-Token': $store.state.session.sessionid}"
                :data="{bucketname: 'face', folderpath: 'file'}"
                :on-change="handleChange"
                :on-remove="handleRemove"
                :on-success="handleSuccess"
                :limit="1"
                ref='uploadLead'
                :file-list="fileList">
                <el-button size="small" type="primary">{{$t('englishScoreManage.selectFile')}}</el-button>
                <div slot="tip" class="el-upload__tip">{{$t('requirement.attachment')}}</div>
              </el-upload>
            </el-form-item>
          <!-- </el-col> api/competitionservice/cet/importScore-->
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="cancelRmport">{{$t('studentsRegist.cancel')}}</el-button>
          <el-button type="primary" @click="reliableRmport">{{$t('englishScoreManage.confirm')}}</el-button>
        </span>
      </el-dialog>
      <el-dialog
        :title="$t('englishScoreManage.report')"
        :visible.sync="dialogVisible"
        width="30%"
        :close-on-click-modal='false'
        :before-close="cancel">
        <el-form ref="englishScoreManage" :rules="rules" :model="englishScoreManage" label-width="160px">

          <el-form-item :label="$t('englishScoreManage.cet4ScoreExcellent')" prop="cetFourExcellent">
            <el-input v-model="englishScoreManage.cetFourExcellent" maxlength="6"></el-input>
          </el-form-item>
          <el-form-item :label="$t('englishScoreManage.english4PassScore')" prop="cetFourQualified">
            <el-input v-model="englishScoreManage.cetFourQualified" maxlength="6"></el-input>
          </el-form-item>
          <el-form-item :label="$t('englishScoreManage.cet6ScoreExcellence')" prop="cetSixExcellent">
            <el-input v-model="englishScoreManage.cetSixExcellent" maxlength="6"></el-input>
          </el-form-item>
          <el-form-item :label="$t('englishScoreManage.elish6PassScore')" prop="cetSixQualified">
            <el-input v-model="englishScoreManage.cetSixQualified" maxlength="6"></el-input>
          </el-form-item>

        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="cancel">{{$t('studentsRegist.cancel')}}</el-button>
          <el-button type="primary" @click="reliable">{{$t('englishScoreManage.confirm')}}</el-button>
        </span>
      </el-dialog>
      <edu-export-dialog
        :disabled="exportButton"
        :title="$t('message.prompt')"
        ref="downloadRef"
        :data="exportResult">
      </edu-export-dialog>
    </div>
    <div v-if="indexKey === 2">
      <operate-collegeRegistStatistics :examId="examId" @change-exam-create-index="changeExamCreateIndex()"></operate-collegeRegistStatistics>
    </div>
  </div>
</template>
<script>
import ConditionCard from 'common/src/views/subjectCompetition/component/ConditionCard';
import { queryDic } from "common/src/api/dictionary";
import UTILS from "common/src/utils/utils";
import graduateStudent from 'common/src/api/graduateStudent/graduateStudent';
import subjectCompetitionApi from 'common/src/api/subjectCompetition/subjectCompetition';
import englishStatistics from 'common/src/views/subjectCompetition/englishGradeExams/scoreManage/englishStatistics';
export default {
  components: {
    'mycondition-card': ConditionCard,
    'operate-collegeRegistStatistics': englishStatistics
  },
  data() {
    return{
      formList: new FormData(),
      dataFormList: {}, //接收路由跳转的数据
      dataForm: {

      }, //表格数据
      internship: {
        opinion: ''
      },
      indexKey: 1,
      queryFormRmport: {
        calendarId: '',
        enclosureFileName: '',
        enclosureFileUrl: '',
        calendarName: ''
      },
      queryFormRmportId: '',
      queryCalendarName: '',
      dataList: [],
      fileList: [],
      exportButton: false,
      listRmportVisible: false,
      englishScoreManage: {
        cetSixQualified: '',
        cetSixExcellent: '',
        cetFourQualified: '',
        cetFourExcellent: '',
        educationTag: Number(this.$store.getters.getProjectId())
      },
      options: {
        profession: [],
        faculty: []
      },
      dialogVisible: false,
      outsideAdvisorId: '',
      curCheckStandard: '',
      curPracticeId: '',
      queryForm: {
        condition: {
          calendarId: '',
          student: '',
          educationTag: 1,
          subjectName: '',
          batchNo: ''
        },
        pageNum_: 1,
        pageSize_: 20,
        total_: 0,
      },
      calendarName: '',
      useConfigParamList: '',
      rulesRmport: {
        enclosureFileName: [
          { required: true, message: this.$t('internship.attachment'), trigger: 'change' }
        ],
        calendarId: [
          { required: true, message: this.$t('internship.pleaseSelect'), trigger: 'change' }
        ],
      },
      rules: {
        cetSixQualified: [
          { required: true, validator: this.validateWeight, trigger: 'blur' }
        ],
        cetSixExcellent: [
          { required: true, validator: this.validateWeight, trigger: 'blur' }
        ],
        cetFourQualified: [
          { required: true, validator: this.validateWeight, trigger: 'blur' }
        ],
        cetFourExcellent: [
          { required: true, validator: this.validateWeight, trigger: 'blur' }
        ]
      },
      pickerOptionsStart: {
        disabledDate: time => {
          let endDateVal = this.englishScoreManage.timeEnd;
          if (endDateVal) {
            // return time.getTime() > endDateVal;
            return time.getTime() >= new Date(endDateVal).getTime();
          }
        }
      },
      pickerOptionsEnd: {
        disabledDate: time => {
          let beginDateVal = this.englishScoreManage.time;
          if (beginDateVal) {
            // return time.getTime() < beginDateVal;
            return time.getTime() <= new Date(beginDateVal).getTime()- 86400000;
          }
        }
      },
      semester: [],
      semesterRmpor: [],
      multipleSelection: [],
      tableData: []
    }
  },
  filters: {
    collegeAcademyList(val, array) {
      let str = "";
      for (let item of array) {
        if (val === item.value) {
          str = item.label;
        }
      }
      return str;
    }
  },
  mounted() {
    this.getOptions();
    this.getQueryPractice(this.queryForm);
    // this.getListSubjectQuery()
  },
  methods: {
    getListSubjectQuery() {
      this.options.profession = []
      subjectCompetitionApi.englishListSubjectQuery().then(res => {
        res.data.forEach(el => {
          // console.log(el, 'sfffdgdf');
          if (el) {
            this.options.profession.push({
              value: el,
              label: el,
            })
          }
        })
      })
   },
    onSubmit() {
      this.queryForm.pageNum_ = 1;
      this.getQueryPractice(this.queryForm);
    },
    // 返回列表页
    changeExamCreateIndex() {
      this.indexKey = 1
      // this.onSubmit()
    },
    // 校验
    validateWeight(rule, value, callback) {
      let expReg = /^([1-9]|[1-9]\d{1,2})(\.\d{1,2})?$/;
      // let expReg = /^([1-9][0-9]*){1,3}(\.\d{2})?$/;
      if (!value) {
        callback(new Error(this.$t('internship.pleaseEnter')));
      } else if (!expReg.test(value)) {
        callback(new Error(this.$t('englishScoreManage.pleaseEnter')))
      } else {
        callback();
      }
    },
    // 学期学年
    loadDone(data, val) {
      this.useConfigParamList = val;
    },
    changeInput(val) {
      // this.semester.forEach(el => {
      //   if (el.id === val) {
      //     this.queryForm.condition.calendarName = el.fullName;
      //   }
      // });
    },
    getSchoolCalendar() {
      graduateStudent.schoolCalendar().then(res => {
        this.semesterRmpor = res.data;
        this.semesterRmpor.forEach(el => {
          if (el.id === this.queryFormRmportId) {
            this.queryFormRmport.calendarName = el.fullName;
            this.queryCalendarName = el.fullName;
            this.queryFormRmport.useConfigParam = this.queryFormRmportId;
          }
        });
      });
    },
    loadDoneRmport(data, val) {

      this.queryFormRmportId = val;
      // this.semesterRmpor = data;
      // this.semesterRmpor.forEach(el => {
      //   if (el.id === val) {
      //     this.queryFormRmport.calendarName = el.fullName;
      //     this.queryCalendarName = el.fullName;
      //     this.queryFormRmportId = val;
      //   }
      // });
    },
    changeInputRmport(val) {
      // this.semesterRmpor.forEach(el => {
      //   if (el.id === val) {
      //     this.queryFormRmport.calendarName = el.fullName;
      //   }
      // });
    },
    // 下载
    download (path) {
      downloadfile(path);
    },
    getQueryPractice(data) {
      subjectCompetitionApi.englishListManagementQuery(data).then(res => {
        this.dataList = res.data.list;
        this.queryForm.total_ = res.data.total_;
        // console.log(res, 'sdfsd');
        this.getListSubjectQuery()
      });
    },
    // 报表设置
    exportTimeSetting() {
      subjectCompetitionApi.englishListReportSetting(Number(this.$store.getters.getProjectId())).then(res => {
        // console.log(res, 'sdfds');
        this.englishScoreManage = res.data
        this.dialogVisible = true;

      })
    },
    // 统计
    exportDerive() {
      this.indexKey = 2
      this.examId = this.queryForm
      // this.$router.push({
      //   path: '/englishScoreManageStatistics',
      //   query: {
      //     data: this.queryForm
      //   }
      // });
    },
    // 导入
    exportLead() {
      // this.getSchoolCalendar();
      this.queryFormRmport.calendarId = this.queryFormRmportId
      this.listRmportVisible = true;
    },

    // 勾选
    handleSelectionChange(val) {
      this.multipleSelection = val;
      this.multipleSelection.every((item) => {
        if (item.status == 0 || item.status == 3) {
          return this.isAllDel = true;
        } else {
          this.isAllDel = false;
        }
      })
    },
    cancelIntern() {
      if (this.outsideAdvisorId) {
        studentsRegistStudent.exportdownPlan(this.dataFormList.id);
      }
    },
    getOptions() {
      // 筛选条件字典查询
      let data = {
        lang: this.$store.getters.language || "cn",
        type: "allChild",
        keys: ["X_YX", 'G_XBIE', "JDJB",]
      };
      queryDic(data).then(res => {
        UTILS.fillSelect(
          {
            faculty: "X_YX",
            degreeType: "JDJB",
            sex:"G_XBIE"
          },
          res.data,
          this.options
        );
        // console.log(this.options);

      });
    },
    // 筛选
    onSearch() {
      this.queryForm.pageNum_ = 1;
      this.getQueryPractice(this.queryForm)
    },
    // 重置
    resetSearch() {
      for (let key in this.queryForm.condition) {
        if (key === 'collegeAcademyList') {
          this.queryForm.condition.collegeAcademyList = [];
        } else if (key === 'majorList') {
          this.queryForm.condition.majorList = [];
        } else {
          this.queryForm.condition[key] = '';
        }
      }
      // this.useConfigParam = this.useConfigParamList;
      // this.queryForm.condition.calendarName = this.calendarName;
      // this.queryForm.condition.calendarId = this.useConfigParamList;
      this.queryForm.condition.educationTag = 1
      this.queryForm.condition.calendarId = this.useConfigParamList;
      this.queryForm.pageNum_ = 1;
      this.getQueryPractice(this.queryForm)
    },
    // 导入取消
    cancelRmport() {
      this.$refs['queryFormRmport'].resetFields();
      this.fileList = [];
      // console.log(this.queryFormRmport);
      this.formList = new FormData();
      this.queryFormRmport.enclosureFileName = '';
      this.listRmportVisible = false;
    },
    // 上传之前
    handleChange(file, fileList) {
      if (!file.name.endsWith(".xlsx") && !file.name.endsWith(".xls")){
        this.fileList = [];
        this.formList = new FormData();
        return this.$message.warning(this.$t('cetStatistics.formatError'))
      }
      this.queryFormRmport.enclosureFileName = 'a';
    },
    // 删除
    handleRemove() {
      this.queryFormRmport.enclosureFileName = '';
      this.formList = new FormData();
      this.fileList = [];
    },
    // 上传成功
    handleSuccess(res, file, fileList) {
      let isSuccess = (res.code == 200);
      this.$message({
          type: isSuccess ? "success":"error",
          message: res.msg
      });
    },
    setInformationAttachList(fileList) {
      let attachList = [];
      fileList.forEach(item => {
        if (item.response && item.response.data) {
          const uploadedObj = item.response.data[item.name];
          if (uploadedObj) {
            this.queryFormRmport.enclosureFileName = uploadedObj.fileName;
            this.queryFormRmport.enclosureFileUrl = uploadedObj.objectkey;
          }
        }
      });
    },
    changeRequest(file) {
      // console.log(file, 'res');
      this.formList.append("file", file.file);
    },
    // 导入确定
    reliableRmport() {
      this.$refs['queryFormRmport'].validate((valid) => {
        if (valid) {
          this.formList = new FormData()
          this.$refs.uploadLead.submit();
          this.formList.append("calendarId", this.queryFormRmport.calendarId);
          subjectCompetitionApi.englishListIntroduction(this.formList).then(res => {
            this.$message.success(res.msg);
            // this.$message.success(this.$t('studentsRegist.successfully'));
            this.formList = new FormData();
            this.fileList = [];
            this.listRmportVisible = false;
            this.queryForm.pageNum_ = 1;
            this.getQueryPractice(this.queryForm)
          }).catch(() =>{
            this.formList = new FormData();
            this.fileList = [];
            this.queryFormRmport.enclosureFileName = '';
          });
        }
      });
    },
    // 弹框取消
    cancel() {
      this.$refs['englishScoreManage'].resetFields();
      this.dialogVisible = false;
    },
    // 弹框确定
    reliable() {
      this.$refs['englishScoreManage'].validate((valid) => {
        if (valid) {
          this.englishScoreManage.educationTag = Number(this.$store.getters.getProjectId())
          subjectCompetitionApi.englishListsetCetConfig(this.englishScoreManage).then(res => {
            this.$message.success(this.$t('studentsRegist.successfully'));
            // console.log(this.englishScoreManage, res);
            this.dialogVisible = false;
            this.queryForm.pageNum_ = 1;
            this.getQueryPractice(this.queryForm)
          })
        }
      });
    },
    handleSizeChange(val) {
      this.queryForm.pageSize_ = val;
      this.queryForm.pageNum_ = 1;
      this.getQueryPractice(this.queryForm)
    },
    handleCurrentChange(val) {
      this.queryForm.pageNum_ = val;
      this.getQueryPractice(this.queryForm)
    },
    goBack() {
      this.$store.commit("delete_tabs", this.$route.path);
      this.$router.go(-1);
    },
    // 获取表格数据
    assignment() {

    },
  },
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.p_cals:hover{
  cursor: pointer;
  color: #409eff;
}
.p_cals{
  color: #aaa
}
.inner-breadcrumb {
    .breadcrumb {
        span {
            font-weight: normal;
            color: #aaa;
        }
        a {
            font-weight: normal;
            color: #aaa;
        }
        a:hover {
            color: #409eff;
        }
        .last {
            font-weight: bold !important;
            cursor: default !important;
        }
        .disable {
            cursor: default !important;
        }
    }
}
.condition-title-p {
    font-weight: 400;
    font-style: normal;
    color: #2b3b4e;
    font-size: 18px;
    margin-bottom: 15px;
}
.base-info-title {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #2b3b4e;
}
.table-style-baseinfo {
    background-color: rgba(210, 212, 214, 1);
    box-sizing: border-box;
    border-width: 0.5px;
    border-style: solid;
    border-color: rgba(210, 212, 214, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    font-weight: 401;
    font-style: normal;
    font-size: 14px;
    color: #8896a7;
    margin-bottom: 20px;
}

.table-style-baseinfo td {
    width: 25%;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 401;
    font-style: normal;
    font-size: 14px;
    color: #2b3b4e;
    height: 32px;
    padding: 0 10px;
}

.table-style-baseinfo .text-right-background-color {
    background-color: #fdfeff4d;
    text-align: right;
}

.text-left-background-none {
    text-align: left;
}
</style>
